/* CSS Document */

a{
	color:#333333;
}
a:hover{
	color:#004B7A;
}
body{
	color:#555555;
	background:#FFFFFF;
   font-family: UTMCafetaRegular;
   font-family: Helvetica,Arial,sans-serif;
}
h1{
	color: #515151;
	font-size: 15px;
	margin: 10px 0;
	text-transform: uppercase;
}
h2{
	font-size:18px;
	font-weight:normal;
	margin-bottom:14px;
}
.break_module{
	height:10px;
}
.break_module_line{
	height:10px;
	border-bottom: 2px #FF0000 solid;
}
.break_content{
	height:31px;
}
.break_content_line{
	height:20px;
	border-bottom: 1px dotted	#BBBBBB;
}
p{
	*color: #064F93;
	_color: #064F93;
}

/*
### Configuration site ###
*/
#body{
}
#container_body, #container_body_wrapper, #container_content, #container_content_left, #container_content_right, #container_footer{
	overflow:hidden;
}
#container_body{
	margin: 0px auto;
	width: 1000px;
}
#container_body_wrapper{
}
#container_header{
	clear:both;
	min-height: 100px;
}
#container_content{
	padding: 10px 0px;
	min-height: 200px;
}
#container_content_top{
}
#container_content_top .container_content_top{
}
#container_content_left{
	float: left;
	width: 250px;
	min-height: 200px;
}
#container_content_left .container_content_left{
}
#container_content_center_right{
	float: right;
	width: 740px;
	min-height: 200px;
}
#container_content_center_right .container_content_center_right{
}
#container_footer{
	clear:both;
	min-height: 100px;
}
/*
--- End Configuration site ---
*/

/* --- Similar --- */
.contact_table{
	
}
.contact_table td, .wrapper td{
	line-height: 150%;
	padding: 3px 5px;
	vertical-align: top;
}
.contact_table .company{
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}
.contact_table .tb_name{
	color: #666;
	text-align: right;
	white-space: nowrap;
}
.contact_table .tb_value{
	width: 65%;
}
.contact_table .skype a{
	background-image: url(icon_skype.gif);
}
.contact_table .yahoo a, .contact_table .skype a{
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 16px;
}
.page_bar{
	text-align: right;
	padding-right: 50px;
}
.page_bar .page{
	display: inline-block;
	height: 18px;
	width: 18px;
	line-height: 18px;
	text-align: center;
	border: 1px white solid;
	box-shadow: -1px -1px 0px 0px #cecece inset;
}
.page_bar .page:hover{
	box-shadow: 1px 1px 0px 0px #cecece inset;
}
.page_bar .page_current{
	color: #C43600;
	display: inline-block;
	font-weight: bold;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border: 1px white solid;
	box-shadow: 1px 1px 0px 0px #cecece inset;
	background: #f2f2f2;
}

/* --- Header --- */
.header{
	
}
.header .banner{
	height: 90px;
	background: url(bg_header_banner.jpg) repeat-x bottom left;
}
.header .banner .logo{
	width: 410px;
	height: 80px;
	float: left;
	padding: 10px 0px 0px 10px;
}
.header .banner .search{
}
.header .banner .login{
   text-align: right;
   background: url(templates/bg_login.gif) repeat-x;
   height: 25px;
   width: 250px;
   border-radius: 0 0 0 5px;
   float: right;
   line-height: 24px;
   color: white;
   text-align: center;
   font-weight: bold;
}
.header .banner .login a{
   padding: 0 10px;
   color: white;
}
.header .banner .login a:hover{
   color: yellow;
}
.header .menu{
	height: 38px;
	background: url(bg_header_menu.jpg) repeat-x left center;
}
.header .menu ul li{
	float: left;
}
.header .menu ul li a{
	float: left;
	border-right: 1px #FFFFFF solid;
	padding: 0px 13px 0px 13px;
	height: 38px;
	line-height: 38px;
	text-transform: uppercase;
	font-size: 14px;
	color: #f2f2f2;
	font-weight: bold;
}
.header .menu ul li a:hover, .header .menu ul .current a{
	background: url(bg_header_menu_hover.gif) repeat-x left center;	
}
.header .menu .menu_cart{
   background: url(cart.png) 45% 70% no-repeat;
   width: 70px;
   text-align: center;
   padding-bottom: 0px;
   line-height: 30px;
   border: none;
}
.header .menu .menu_cart:hover{
   background: url(cart.png) 45% 70% no-repeat;
   
   
}
.header .info{
	background: url(bg_header_info.jpg) repeat-x left center;
	height: 50px;
}
.header .info .policy{
	float: left;
	height: 50px;
	width: 480px;
}
.header .info .policy ul li{
	float: left;
	height: 50px;
	line-height: 50px;
	padding: 0px 10px;
}
.header .info .policy ul li a{
	font-weight: bold;
	font-size: 13px;
	font-style: italic;
}
.header .info .hotline{
	float: right;
	height: 50px;
	width: 450px;
}
.header .info .hotline ul li{
	float: left;
	height: 50px;
	line-height: 50px;
	padding: 0px 20px;
}
.header .info .hotline ul li b{
	font-size: 14px;
	color: #FF0000;
}
.header .info .hotline ul .mobile_phone{
	background: url(mobile_phone.jpg) no-repeat left center;
	padding-left: 30px;
}
.header .info .hotline ul .home_phone{
	background: url(home_phone.jpg) no-repeat left center;
	padding-left: 35px;
}
.home_top .slider_support{
	height: 300px;
}
.home_top .slider_support .slider{
	float: left;
	width: 740px;
}
.home_top .slider_support .support{
	float: right;
	width: 250px;
	height: 300px;
	background: #f2f2f2;
}
#info {
background: url(topup.png) no-repeat 0 0;
box-shadow: #ccc 0px 0px 2px 1px;
border-radius: 2px 0 0 2px;
text-align: center;
padding: 5px;
position: fixed;
bottom: 35px;
width: 25px;
height: 25px;
line-height: 20px;
margin-bottom: 130px;
right: 0;
bottom: 20px;
cursor: pointer;
display: none;
font-size: 11px;
font-weight: 900;
color: #999;
font-size: 20px;
}
#bttop{
   background: url(topup.png) no-repeat 0 -37px;
   box-shadow: #ccc 0px 0px 2px 1px;
   border-radius: 2px 0 0  2px;
   width: 25px;
   text-align:center;
   padding:5px;
   position:fixed;
   height: 23px;
   line-height: 20px;
   bottom:0px;
   right: 0;
   bottom: 115px;
   cursor:pointer;
   display:none;
   color: #999;
   font-size:11px;
   font-weight:900;
}
#bttop:hover{
   color: black;
}

/* --- Content --- */
.detail_news{
	padding-top: 10px;
}
.detail_news .data{
	border: 1px #E6E6E6 solid;
	padding: 20px;
}
.detail_news .data .title{
	color: #DE7B2A;
	font-family: Helvetica;
	font-weight: bold;
}
.detail_news .data .teaser{
	font-weight: bold;
	padding-bottom: 20px;
	line-height: 150%;
}
.detail_news .data .picture{
	text-align: center;
	overflow: hidden;
}
.detail_news .data .description{
	line-height: 150%;
	text-align: justify;
}
.detail_product{
	padding: 20px 10px;
	border: 1px #DDD solid;
	height: 100%;
}
.detail_product .picture{
	float: left;
	width: 440px;
	text-align: center;
	overflow: hidden;
}
.detail_product .picture img{
	width: 400px;
}
.detail_product .info{
	float: right;
	width: 250px;
	border: 1px #DDD solid;
	box-shadow: 0px 0px 10px 1px #DDD inset;
	padding: 9px;
}
.detail_product .info .wrapper{
	width: 250px;
	padding: 5px;
}
.detail_product .info .wrapper .name{
	color: #A70900;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	text-align: center;
}
.detail_product .info .wrapper .tb_name{
	font-weight: bold;
	font-size: 14px;
	text-align: right;
}
.detail_product .info .wrapper .tb_value{
	font-size: 13px;
	width: 60%;
}
.detail_product .info .wrapper .price{
	font-weight: bold;
	font-size: 14px;
	color: #FF0000;
}
.detail_product .detail_info{
	
}
.detail_product .detail_info .title{
	margin: 0px;
	border-bottom: 1px #BBB dotted;
	padding: 0px 0px 5px 5px;
}
.detail_product .detail_info .description{
	line-height: 150%;
	text-align: justify;
}
.menu_product{
	padding: 10px 0px;
	background: #f2f2f2;
}
.menu_product ul li{
	height: 30px;
	line-height: 30px;
	margin: 0px 10px;
}
.menu_product ul li a{
	padding-left: 25px;
	background: url(arrow.gif) no-repeat 10px;
	display: block;
	border-bottom: 1px #dddddd dotted;
}
.menu_product ul li a:hover{
	background: url(arrow.gif) no-repeat 10px #FFFFFF;
	font-weight: bold;
}
.menu_product ul .current{
	background: #FFFFFF;
}
.menu_product ul .level_0 a{
	font-weight: bold;
}
.menu_product ul .level_1 a{
	padding-left: 40px;
	background: url(arrow.gif) no-repeat 25px;
}
.menu_product ul .level_1 a:hover{
	background: url(arrow.gif) no-repeat 25px #FFFFFF;
}
.news{
	padding: 10px;
	border: 1px #E5E5E5 solid;
}
.news .picture{
 	float: left;
 	width: 200px;
	height: 124px;
 	border-radius: 5px;
 	padding: 10px 20px 0px 10px;
}
.news .picture .fix_table{
 	width: 200px;
 	height: 120px;
	border: 2px white solid;
 	border-radius: 5px;
 	overflow: hidden;
 	text-align: center;
 	box-shadow: 0px 0px 7px rgba(187,187,187,0.8);
}
.news .picture .fix_table .wrap{
 	width: 200px;
 	height: 120px;
}
.news .data{
 	text-align: justify;
}
.news .data .title{
 	font-weight: bold;
 	font-size: 16px;
 	padding: 10px 0px;
}
.news .data .teaser{
	line-height: 150%;
	margin-bottom: 10px;
	font-weight: bold;
}
.news .data .description{
	line-height: 150%;
}
.news_hot{
	padding: 10px;
	border: 1px #f2f2f2 solid;
}
.news_hot ul li{
	background: url(arrow_1.gif) no-repeat 10px 10px;
	padding: 5px 10px 5px 20px;
	border-bottom: 1px #F2F2F2 dotted;
}
.news_hot ul li a{
	line-height: 150%;
}
.product_hot{
	padding: 10px 0px;
	border: 1px #f2f2f2 solid;
	padding: 0px 10px;
}
.product_hot ul li{
	height: 90px;
	position: relative;
	padding-bottom: 10px;
	border-bottom: 1px #DDD dotted;
}
.product_hot ul li .picture{
	position: absolute;
	width: 50px;
	height: 50px;
	overflow: hidden;
	top: 25%;
}
.product_hot ul li .picture img{
	width: 50px;
}
.product_hot ul li .info{
	position: absolute;
	left: 70px;
	top: 10%;
	bottom: 10%;
}
.product_hot ul li .info p{
	margin: 10px 0px;
}
.product_hot ul li .info .name a{
	color: #064F93;
	font-size: 11px;
	font-weight: bold;
}
.product_hot ul li .info .name a:hover{
	text-decoration: underline;
}
.product_hot ul li .info .price{
	color: #CD5033;
	font-size: 13px;
	font-weight: bold;
}
.product, .accessories{
   padding:10px;
}
.product ul li, .accessories ul li{
	float: left;
	width: 160px;
   padding:21px 10px 1px 10px;
}
.product ul .first, .accessories ul .first{
	clear: both;
}
.product ul .last, .accessories ul .last{
	padding-right: 0px;
}
.product ul li .picture, .accessories ul li .picture{
	width: 150px;
	height: 150px;
	overflow: hidden;
	display: block;
	margin: 0px auto;
}
.product ul li .picture img, .accessories ul li .picture img{
	width: 150px;
}
.product ul li .name, .accessories ul li .name{
	margin: 10px 0px 0px;
	text-align: center;
}
.product ul li .name a, .accessories ul li .name a{
	color: #064F93;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
}
.product ul li .price, .accessories ul li .price{
	margin: 5px 0px 0px 0px;
	color: #CD5033;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.product ul li:hover, .accessories ul li:hover{
   padding: 20px 9px 0 9px;
   border: 1px solid rgb(70, 98, 250);
}
.product ul li:hover .add_to_cart,.accessories ul li:hover .add_to_cart{
   visibility: visible;
}
.product ul li .add_to_cart, .accessories ul li .add_to_cart{
   display: block;
   background: url(templates/add_to_cart.gif) center no-repeat;
   height: 26px;
   text-align: center;
   line-height: 26px;
   font-weight: bold;
   color: white;
   cursor: pointer;
   visibility:hidden;
   position: relative;
   top:-84px;
   width:90px;
   margin-left:40px;
   margin: 0 0 0 40px;
   box-shadow: 1px 1px 80px #fdf;
}
.product ul li .add_to_cart:hover, .accessories ul li .add_to_cart:hover{
   background: url(templates/add_to_cart_hover.gif) center no-repeat;
}
.register{
   float: left;
}
.tb_register{
   padding: 10px 0;
   width: 500px;
   line-height: 200%;
   background: #f2f2f2;
   color: black;
}
.tb_register td{
   padding: 0 5px;
}
.tb_register .top{
   text-align: left;
   font-weight: bold;
   font-size: 14px;
   padding-bottom: 10px;
   text-transform: uppercase;
}
.tb_register .bottom{
   padding-top: 10px;
}
.tb_register .reg_left{
   font-weight: bold;
   vertical-align: top;
   text-align: right;
   width: 160px;
}
.tb_register .red{
   color: red;
}
.tb_register input{
   padding: 1px 5px;
}
.mod_login{
   float: left;
   background: #f2f2f2;
   width: 480px;
   padding: 10px 10px;
   color: black;
   line-height: 200%;
   min-height: 250px;
}
.error{
   color:rgb(255, 49, 31);
}
.tb_login{
   width: 100%;
   font-weight: bold;
}
.tb_login .bottom{
   padding-bottom: 6px;
   text-align: center;
   border-bottom: 1px solid black;
}
.tb_login .top{
   
   text-transform: uppercase;
   font-size: 14px;
   text-align: center;
}
.tb_login .log_left{
   text-align: right;
}
.tb_login td{
   padding: 0 5px;
}
.tb_login input{
   padding: 1px 5px;
}
.cart_product{
   padding: 10px 0;
}
.cart_product .list_top{
   font-weight: bold;
   text-align: left;
   font-size: 14pt;
   border-bottom: 1px solid #f2f2f2;
   color: red;
   padding: 5px 0;
   display: block;
   text-align: center;
}
.cart_product .show_product{
   margin-bottom: 10px;
}
.cart_product .show_product .list_item{
   background: #d2d2d2;
   font-weight: bold;
   text-align: center;
   padding: 5px 0;
}
.cart_product .show_product .list_number{
   text-align: center;
   font-weight: bold;
}
.cart_product .show_product tr{
   text-align: center;
   border: 1px solid #f2f2f2;
   font-weight: bold;
}
.cart_product .show_product .list_total{
   text-align: left;
}
.cart_product .select_all_method{
   text-align: center;
   overflow: hidden;
}
.cart_product .select_all_method input{
   background: none;
   border:none;
   width:100%;
   height:100%;
   outline:none;
}
.cart_product .select_method{
   background: url(select_method.gif) center no-repeat;
   width: 150px;
   height: 37px;
   line-height: 37px;
   float: left;
   font-weight: bold;
   color: white;
   display: block;
   margin-right: 5px;
}
.cart_product .select_method:hover{
   background: url(select_method_hover.gif) center no-repeat;
   color: white;
}
.payment{
   line-height: 150%;
   font-size: 14px;
}
.delete{
   padding-left:4px;
   width:56px;
}
.delete a{
   background:rgb(190,14,14);
   color:#fff;
   border-radius:2px;
   border:1px solid rgb(230,19,19);
   display:block;
   line-height:20px;
   width:60px;   
}
.delete a:hover{
   background:rgb(240,17,17);
   border:1px solid rgb(250,40,40);
}
.go_back{
   margin-top:20px;
   font-size:15px;
   margin-bottom:15px;
}
.go_back a{
   color:rgb(26, 109, 192);
}
.go_back a:hover{
   color:#246;
}
/* --- Footer --- */
.footer{
	border-top: 3px #F6B783 solid;
}

/*-- End Tooltip --*/
/*--Detail Product-*/
.detail_product .add_to_cart a{
   width:100%;
   text-align: center;
   height:30px;
   line-height:30px;
   font-size:15px;
   font-weight:bold;
   display:block;
   background:red;
   color:#fff;
}